.App {
  width:550px;
  margin:0 auto;
  background:#fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.control h1 {
  width:100%;
  font-size:100px;
  text-align: center;
  color:rgba(175, 47, 47,0.15);
}

.control .new-todo {
  padding:16px 16px 16px 60px;
  border:0;
  outline: none;
  font-size: 24px;
  box-sizing: border-box;
  width:100%;
  border-bottom:1px solid #ddd;
}
.todo-list {
  list-style: none;
  padding:0;
}
.todo-list li {
  line-height: 40px;
  padding:0 20px;
}
.todo-list li.checked,
.todo-list li:hover {
  background:#f0f3f6;
}
.todo-list li button {
  float:right;
  background:none;
  border:none;
  font-size:24px;
  height:40px;
  cursor: pointer;
}
